import axios from "axios";
import _get from 'lodash/get'

const request = axios.create({
  baseURL: process.env.VUE_APP_BASE_URL,
  timeout: 10000,
});

// 请求拦截器
request.interceptors.request.use((config) => {
  config.headers = {};
  return config;
}, errorHandler);

// 相应拦截器
request.interceptors.response.use((response) => {
  const dataAxios = response.data;
  // 这个状态码是和后端约定的
  const { code } = dataAxios;
  // 根据 code 进行判断
  if (code === void 0) {
    // 如果没有 code 代表这不是项目后端开发的接口
    return dataAxios;
    // eslint-disable-next-line no-else-return
  } else {
    // 有 code 代表这是一个后端接口 可以进行进一步的判断
    switch (code) {
      case 200:
        // [ 示例 ] code === 200 代表没有错误
        return dataAxios.data;
      case "xxx":
        // [ 示例 ] 其它和后台约定的 code
        return "xxx";
      default:
        // 不是正确的 code
        return "不是正确的code";
    }
  }
}, errorHandler);

// 异常拦截处理器
const errorHandler = (error) => {
  const status = _get(error, "response.status");
  switch (status) {
    /* eslint-disable no-param-reassign */
    case 400:
      error.message = "请求错误";
      break;
    case 401:
      error.message = "未授权，请登录";
      break;
    case 403:
      error.message = "拒绝访问";
      break;
    case 404:
      error.message = `请求地址出错: ${error.response.config.url}`;
      break;
    case 408:
      error.message = "请求超时";
      break;
    case 500:
      error.message = "服务器内部错误";
      break;
    case 501:
      error.message = "服务未实现";
      break;
    case 502:
      error.message = "网关错误";
      break;
    case 503:
      error.message = "服务不可用";
      break;
    case 504:
      error.message = "网关超时";
      break;
    case 505:
      error.message = "HTTP版本不受支持";
      break;
    default:
      break;
    /* eslint-disabled */
  }
  return Promise.reject(error);
};

export default request;
